<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蛋糕馆</title>
    <link rel="stylesheet" href="/lib/bootstrap4/bootstrap-4.6.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/css/reset.css">
</head>
<body>
    
      <!-- 头部 -->  
      <header></header>
    <!-- 主体区 -->

    <div class="con-page">
        <div class="wrapper"> <div class="moreCake">
            <ul> </ul>
            </div>
            <script type="text/html" id="listTemplate">
                {{each list item}}
                    <div class="card-page first ">
                        <div class="top">
                            <a href="/html/details.html?id={{item.id}}"><img src="{{item.image}}" alt=""></a> 
                        </div>
                        <div class="bottom">
                            <p>{{item.recComment}}</p>
                            <p class="name">
                                <span class="cn">{{item.title}}</span>
                            </p>
                            <p class="attr">
                                <span class="price"> ￥{{item.price}} </span>
                                <!-- <span class="pound">/510g</span> -->
                                <span class="show">
                                    <a href="/html/details.html?id={{item.id}}">
                                        <img src="/images/shop.png" alt="">
                                    </a>
                                </span>
                            </p>
                        </div>
                    </div>
                    {{/each}}
            </script>
        </div>
    </div>
<!-- 底部 -->
<footer></footer>
<script src="/lib/requirejs/require.js" data-main="/js/list"></script>
</body>
    
   
</body>
</html>